﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Tag Demo Page</title>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-tag-1.0.4.js"></script>
    <style type="text/css">
        body 
        {
            font-family: Arial;
        }
    </style>
</head>
<body>
    <h1>Microsoft Tag jQuery Plugin Demo Page</h1>
    <div>If you are using a browser that suppports HTML5, you will see 6 Microsoft Tags all rendered to HTML5 via javascript.</div>
    <div style="float: left">
        <div class="tag">15EB2120A3CFDC611774B7C711B</div>
        <div class="tag">0751F4B5DC5981E1386F2B6F174</div>
    </div>
    <div style="float: left">
        <div class="backgroundImage">15EB2120A3CFDC611774B7C711B</div>
        <div class="backgroundImage">0751F4B5DC5981E1386F2B6F174</div>
    </div>
    <div style="float: left">
        <div class="backgroundColor">15EB2120A3CFDC611774B7C711B</div>
        <div class="backgroundColor">0751F4B5DC5981E1386F2B6F174</div>
    </div>
    <div style="float:none; clear:both;"></div>
    <div>
        Project page and download <a href="http://jquerytag.codeplex.com/">here</a>.
    </div>
    <script type="text/javascript">
        $(".tag").tag();
        $(".backgroundImage").tag({
            backgroundImage: "images/pair.png"
        });
        $(".backgroundColor").tag({
            backgroundColor: "navy"
        });
    </script>
</body>
</html>
